<template>
  <div>
    <h1>我是首页</h1>
    <button @click="goUser">点我去用户页面</button>
    <button @click="goNews">点我去新闻页面</button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      
    };
  },
  methods: {
    goUser() {
        //this.$router.push  实现路由跳转 这种路由跳转方式 会记录你的跳转路径
      //  this.$router.push('/user')
        this.$router.push({
          path:'/user',
          query:{
            aId:1
          }
        })
      console.log(111111111111);
    },
    goNews() {
        //replace 它和push的用法一样 但是它不记录路径 
        this.$router.replace('/news')
      console.log(2222222);
    }
  }
};
</script>
<style lang="">
</style>